<template>
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                <div class="settings-inner-blk p-0">
                    <div class="sell-course-head comman-space">
                        <h3>我的课程</h3>
                        <p>Manage your courses and its update like live, draft and insight.</p>
                    </div>
                    <div class="comman-space pb-0">
                        <div class="instruct-search-blk">
                            <div class="show-filter choose-search-blk">
                                <form action="#">
                                    <div class="row gx-2 align-items-center">
                                        <div class="col-md-6 col-item">
                                            <div class=" search-group">
                                                <i class="feather-search"></i>
                                                <input type="text" class="form-control" placeholder="课程搜索">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-6 col-item">
                                            <div class="form-group select-form mb-0">
                                                <select class="form-select select select2-hidden-accessible"
                                                    name="sellist1" data-select2-id="1" tabindex="-1"
                                                    aria-hidden="true">
                                                    <option data-select2-id="3">Choose</option>
                                                    <option>Angular</option>
                                                    <option>React</option>
                                                    <option>Node</option>
                                                </select><span
                                                    class="select2 select2-container select2-container--default"
                                                    dir="ltr" data-select2-id="2" style="width: 100%;"><span
                                                        class="selection"><span
                                                            class="select2-selection select2-selection--single"
                                                            role="combobox" aria-haspopup="true" aria-expanded="false"
                                                            tabindex="0" aria-disabled="false"
                                                            aria-labelledby="select2-sellist1-yl-container"><span
                                                                class="select2-selection__rendered"
                                                                id="select2-sellist1-yl-container" role="textbox"
                                                                aria-readonly="true" title="Choose">Choose</span><span
                                                                class="select2-selection__arrow" role="presentation"><b
                                                                    role="presentation"></b></span></span></span><span
                                                        class="dropdown-wrapper" aria-hidden="true"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="settings-tickets-blk course-instruct-blk table-responsive">

                            <table class="table table-nowrap mb-2">
                                <thead>
                                    <tr>
                                        <th>课程</th>
                                        <th>STUDENTS</th>
                                        <th>状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-10.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Information
                                                            About UI/UX Design Degree</a></p>
                                                    <div
                                                        class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                        <div class="rating-img d-flex align-items-center">
                                                            <img src="assets/img/icon/icon-01.svg" alt="">
                                                            <p>10+ Lesson</p>
                                                        </div>
                                                        <div class="course-view d-flex align-items-center">
                                                            <img src="assets/img/icon/timer-start.svg" alt="">
                                                            <p>7hr 20min</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>3200</td>
                                        <td><span class="badge info-low">Live</span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-11.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Wordpress for
                                                            Beginners - Master Wordpress Quickly</a>
                                                    </p>
                                                    <div
                                                        class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                        <div class="rating-img d-flex align-items-center">
                                                            <img src="assets/img/icon/icon-01.svg" alt="">
                                                            <p>10+ Lesson</p>
                                                        </div>
                                                        <div class="course-view d-flex align-items-center">
                                                            <img src="assets/img/icon/timer-start.svg" alt="">
                                                            <p>7hr 20min</p>
                                                        </div>
                                                    </div>
                                                    <div class="course-stip progress-stip">
                                                        <div
                                                            class="progress-bar bg-success progress-bar-striped active-stip">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>0</td>
                                        <td><span class="badge info-inter">Darft</span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-12.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Sketch from A
                                                            to Z (2022): Become an app designer</a>
                                                    </p>
                                                    <div
                                                        class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                        <div class="rating-img d-flex align-items-center">
                                                            <img src="assets/img/icon/icon-01.svg" alt="">
                                                            <p>10+ Lesson</p>
                                                        </div>
                                                        <div class="course-view d-flex align-items-center">
                                                            <img src="assets/img/icon/timer-start.svg" alt="">
                                                            <p>7hr 20min</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>1500</td>
                                        <td><span class="badge info-low">Live</span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-13.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">C# Developers
                                                            Double Your Coding Speed with Visual
                                                            Studio</a></p>
                                                    <div
                                                        class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                        <div class="rating-img d-flex align-items-center">
                                                            <img src="assets/img/icon/icon-01.svg" alt="">
                                                            <p>10+ Lesson</p>
                                                        </div>
                                                        <div class="course-view d-flex align-items-center">
                                                            <img src="assets/img/icon/timer-start.svg" alt="">
                                                            <p>7hr 20min</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>0</td>
                                        <td><span class="badge info-medium">Pending</span></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <div class="sell-table-group d-flex align-items-center">
                                                <div class="sell-group-img">
                                                    <a href="course-details.html">
                                                        <img src="assets/img/course/course-14.jpg" class="img-fluid "
                                                            alt="">
                                                    </a>
                                                </div>
                                                <div class="sell-tabel-info">
                                                    <p><a href="course-details.html">Build
                                                            Responsive Real World Websites with
                                                            HTML5 and CSS3</a></p>
                                                    <div
                                                        class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                        <div class="rating-img d-flex align-items-center">
                                                            <img src="assets/img/icon/icon-01.svg" alt="">
                                                            <p>10+ Lesson</p>
                                                        </div>
                                                        <div class="course-view d-flex align-items-center">
                                                            <img src="assets/img/icon/timer-start.svg" alt="">
                                                            <p>7hr 20min</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                        <td>0</td>
                                        <td><span class="badge info-high">Deleted</span></td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>